<template>
  <div class="pro_zi" @click="todetail()">
      <h3>{{pro_name}}</h3>
      <div class="pro_imgbox">
          <img v-for="(v,i) in img_arr" :key="i" :src="v">
      </div>
  </div>
</template>

<script>
export default {
    props:["pro_name","img_arr"],
    methods:{
        todetail(){
            this.$router.push("/tidedetail")
        }
    }
}
</script>

<style scoped>
    .pro_zi{
        /* width: 1.63rem; */
        width: 47%;
        height: 0.97rem;
        /* border: 1px solid #000; */
        margin-bottom: 0.1rem;
    }
    .pro_zi h3{
        line-height: 0.26rem;
        font-size: 0.14rem;
    }
    .pro_zi .pro_imgbox{
        display: flex;
        justify-content: space-between;
    }
    .pro_zi .pro_imgbox img{
        width: 47%;
        border-radius: 0.07rem;
    }
</style>